---
layout: compress
---
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<title>{{ page.title }}</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="{{ page.description }}">
	<meta name="keywords" content="{{ page.keywords }}">
	<meta name="author" content="{{ page.author }}">
	<meta name="theme-color" content="#0095d2">

	<link rel="canonical" href="https://www.sitespeed.io" />

	<meta name="twitter:card" content="summary">
	<meta name="twitter:site" content="@sitespeedio">
	<meta name="twitter:creator" content="@soulislove">
	<meta name="twitter:url" content="https://www.sitespeed.io{{ page.url | replace:'index.html','' }}">
	<meta name="twitter:title" content="{{ page.title | truncate:70  }}">

	{% if page.twitterdescription %}
	<meta name="twitter:description" content="{{ page.twitterdescription | truncate:200 }}">
	{% else %}
	<meta name="twitter:description" content="{{ page.description | truncate:200 }}">
	{% endif %}

	{% if page.image %}
	<meta name="twitter:image" content="{{ page.image }}">
	{% endif %}

	<meta property="og:image" content="{{site.baseurl}}/img/sitespeed.io-400x400.png">
	<meta property="og:title" content="{{ page.title }}">
	<meta property="og:url" content="https://www.sitespeed.io{{ page.url | replace:'index.html','' }}">
	<meta property="og:site_name" content="Sitespeed.io - How speedy is your website">
	<meta property="og:description" content="{{ page.description | truncate:200 }}">

	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{site.baseurl}}/img/ico/sitespeed.io-144.png">
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{site.baseurl}}/img/ico/sitespeed.io-114.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{site.baseurl}}/img/ico/sitespeed.io-72.png">
	<link rel="apple-touch-icon-precomposed" href="{{site.baseurl}}/img/ico/sitespeed.io-57.png">
	<link rel="shortcut icon" href="{{site.baseurl}}/img/ico/sitespeed.io.ico">
	<link type="application/atom+xml" title="RSS Changelog for all sitespeed.io tools"  href="https://www.sitespeed.io/feed/atom.xml" rel="alternate" />
	<link type="application/rss+xml" title="RSS Changelog for all sitespeed.io tools"  href="https://www.sitespeed.io/feed/rss.xml" rel="alternate" />
	<link type="application/rss+xml" title="RSS Changelog for Browsertime"  href="https://www.sitespeed.io/feed/browsertime.rss" rel="alternate" />
	<link type="application/rss+xml" title="RSS Changelog for PageXray"  href="https://www.sitespeed.io/feed/pagexray.rss" rel="alternate" />
	<link type="application/rss+xml" title="RSS Changelog for Compare"  href="https://www.sitespeed.io/feed/compare.rss" rel="alternate" />
	<link type="application/rss+xml" title="RSS Changelog for PageXray"  href="https://www.sitespeed.io/feed/pagexray.rss" rel="alternate" />
	<link type="application/rss+xml" title="RSS Changelog for sitespeed.io"  href="https://www.sitespeed.io/feed/sitespeed.io.rss" rel="alternate" />
	<link type="application/rss+xml" title="RSS Changelog for Throttle"  href="https://www.sitespeed.io/feed/throttle.rss" rel="alternate" />
	<link type="application/rss+xml" title="RSS Changelog for Humble"  href="https://www.sitespeed.io/feed/humble.rss" rel="alternate" />
	<link type="application/rss+xml" title="RSS Changelog for Coach Core"  href="https://www.sitespeed.io/feed/coach-core.rss" rel="alternate" />
	<link type="application/rss+xml" title="RSS Changelog for Chrome HAR"  href="https://www.sitespeed.io/feed/chrome-har.rss" rel="alternate" />
	<link type="application/rss+xml" title="RSS Changelog for Chrome trace"  href="https://www.sitespeed.io/feed/chrome-trace.rss" rel="alternate" />
	<style>
		{% include css/default.css %}
	</style>
	<link rel="stylesheet" href="{{ "/css/prism-1.15.css" | prepend: site.baseurl }}">
	<script src="{{ "/js/clipboard-2.0.4.min.js" | prepend: site.baseurl }}" defer></script>
	<script src="{{ "/js/prism-1.15.js" | prepend: site.baseurl }}" defer></script>
</head>

<body>
	{% include header.html %}
	<main role="main">
		<div class="grid">
			<div class="col-1-1">
				<div class="col-1-2">
					{% capture logo %}{% include index/logo.md %}{% endcapture %}
					{{ logo | markdownify }}
				</div>
				<div class="col-1-2">
					<section>
						{{ content }}
					</section>
				</div>
			</div>
		</div>
		<div class="white">
			<div class="grid">
				<div class="col-1-1">
					<section>
						{% capture install %}{% include index/install.md %}{% endcapture %}
						{{ install | markdownify }}
					</section>
				</div>
			</div>
		</div>

		<div class="white">
			<div class="grid">
				<div class="col-1-2">
					<section>
						{% capture box1 %}{% include index/box1.md %}{% endcapture %}
						{{ box1 | markdownify }}
					</section>
				</div>
				<div class="col-1-2">
					<section>
						{% capture box2 %}{% include index/box2.md %}{% endcapture %}
						{{ box2 | markdownify }}
					</section>
				</div>
			</div>
			<div class="grid">
				<div class="col-1-2">
					<section>
						{% capture box3 %}{% include index/box3.md %}{% endcapture %}
						{{ box3 | markdownify }}
					</section>
				</div>
				<div class="col-1-2">
					<section>
						{% capture box4 %}{% include index/box4.md %}{% endcapture %}
						{{ box4 | markdownify }}
					</section>
				</div>
			</div>
			<div class="grid">
				<div class="col-1-1">
					<section>
						{% capture dashboard %}{% include index/dashboard.md %}{% endcapture %}
						{{ dashboard | markdownify }}
					</section>
				</div>
			</div>
			<div class="grid">
				<div class="col-1-2">
					<section>
						{% capture box5 %}{% include index/box5.md %}{% endcapture %}
						{{ box5 | markdownify }}
					</section>
				</div>
				<div class="col-1-2">
					<section>
						{% capture box6 %}{% include index/box6.md %}{% endcapture %}
						{{ box6 | markdownify }}
					</section>
				</div>
			</div>
			<div class="grid">
				<div class="col-1-2">
					<section>
						{% capture box7 %}{% include index/box7.md %}{% endcapture %}
						{{ box7 | markdownify }}
					</section>
				</div>
				<div class="col-1-2">
					<section>
						{% capture box8 %}{% include index/box8.md %}{% endcapture %}
						{{ box8 | markdownify }}
					</section>
				</div>
			</div>
		</div>
	</main>

	<div class="grid">
		<div class="col-1-1">
			{% include footer.html %}
		</div>
	</div>

</body>

</html>